<template>
  <div>
    <a-form-item
      :labelCol="{ span: 6 }"
      :wrapperCol="{ span: 18 }"
      label="标题"
    >
      <a-input placeholder="请输入标题" v-model:value="dataC.options.title"></a-input>
    </a-form-item>
    <a-form-item
      :labelCol="{ span: 6 }"
      :wrapperCol="{ span: 18 }"
      label="副标题"
    >
      <a-input placeholder="请输入副标题" v-model:value="dataC.options.subtitle"></a-input>
    </a-form-item>
    <a-form-item
      :labelCol="{ span: 6 }"
      :wrapperCol="{ span: 18 }"
      label="面包屑："
    >
      <a-switch v-model:checked="dataC.options.Breadcrumb" />
    </a-form-item>
  </div>
</template>
<script>
  import { toRef } from 'vue'
  export default {
    props: {
      data: {
        type: Object,
        default: Object,
      },
    },
    setup(props) {
      const dataC = toRef(props, 'data')

      return {
        dataC,
      }
    },
  }
</script>
